<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/facelets/templates/template.xhtml">
	<ui:define name="menu">
		<ui:include src="MenuSocios.xhtml"></ui:include>
	</ui:define>
	<ui:define name="body">
		<h:form>
			<h:panelGrid width="100%">

				<p:fieldset legend="Membresía de Socio">
					<h:panelGrid columns="3" cellpadding="10">
						<h:outputText value="Nombre" />
						<h:outputText
							value="Acá Viene el Nombre de Miembro como Parámetro" />
						<p:spacer width="15" height="25" />

						<h:outputText value="Apellido Paterno" />
						<h:outputText
							value="Acá Viene el Apellido P. de Miembro como Parámetro" />
						<p:spacer width="15" height="25" />

						<h:outputText value="Apellido Materno" />
						<h:outputText
							value="Acá Viene el Apellido P. de Miembro como Parámetro" />
						<p:spacer width="15" height="25" />

						<h:outputText value="Modalidad de Pago " />
						<h:panelGrid columns="1" cellpadding="10">
							<p:selectOneRadio id="options" value="">
								<f:selectItem itemLabel="Visa" itemValue="1" />
								<f:selectItem itemLabel="Mastercard" itemValue="2" />
								<f:selectItem itemLabel="Paypal" itemValue="3" />
							</p:selectOneRadio>
						</h:panelGrid>
						<p:spacer width="15" height="25" />

						<h:outputText value="Número" />
						<h:inputText style="width:200px"
							value="#{pagoMembresiaAction.PagoBean.cardNumber}" />
						<p:spacer width="15" height="25" />


						<h:outputText value="Fecha Ven." />
						<h:inputText style="width:70px"
							value="#{pagoMembresiaAction.PagoBean.cardExpireDate}" />
						<p:spacer width="15" height="25" />

						<h:outputText value="CVV" />
						<h:inputText style="width:50px"
							value="#{pagoMembresiaAction.PagoBean.cardCVV}" />
						<p:spacer width="15" height="25" />

						<h:outputText value="Dirección de Pedido" />
						<h:inputText style="width:300px"
							value="#{pagoMembresiaAction.socioBean.direccion}" />
						<p:spacer width="15" height="25" />

						<h:outputText value="Total" />
						<h:inputText style="width:70px"
							value="#{pagoMembresiaAction.PagoBean.TotalPayment}" />
						<p:spacer width="15" height="25" />

						<p:spacer width="15" height="25" />
						<h:panelGrid columns="3" cellpadding="10">
							<p:commandButton value="Cancelar"
								action="#{mantenimientoSocioAction.validarGrabar}" />
							<p:commandButton value="Pagar"
								action="#{mantenimientoSocioAction.validarGrabar}" />
						</h:panelGrid>
						<p:spacer width="15" height="25" />

					</h:panelGrid>
				</p:fieldset>

			</h:panelGrid>
		</h:form>

	</ui:define>
</ui:composition>

</html>